<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
    <!--
    form:用于定义表单的，可以定义一个范围，范围代表采集用户数据的范围。
        *属性：
            *cation:指定提交数据的URL、
            *method：指定提交方式
                *分类：一共7种，2种比较常见
                    get:
                        1.请求参数会在地址中显示，会封装到请求行中
                        2.请求参数大小是有限制是。
                        3.不太安全
                    post：
                        1.请求参数不会在地址中显示，会封装到请求体中
                        2.请求参数大小没有有限制
                        3.较为安全
            *表单项中的数据要想被提交，必须指定其name属性
    -->
    <form action="#" method="get">
        <label for="username">用户名</label>：<input type="text" name="username" placeholder="请输入用户名" id="username"><br>
        <label for="password">密码</label>：<input type="password" name="password" placeholder="请输入密码" id="password"><br>
        性别：<input type="radio" name="gender" value="male" checked>男
              <input type="radio" name="gender" value="female">女
        <br>
        爱好：<input type="checkbox" name="hobby" value="shoping">逛街
              <input type="checkbox" name="hobby" value="java" checked>Java
              <input type="checkbox" name="hobby" value="game">游戏
        <br>
        图片：<input type="file" name="file"><br>
        隐藏域：<input type="hidden" name="id" value="aaa"><br>
        取色器：<input type="color" name="color"><br>
        生日：<input type="date" name="birthday"><br>
        生日：<input type="datetime-local" name="birthday"><br>
        邮箱：<input type="email" name="email"><br>
        年龄：<input type="number" name="age"><br>
        省份：<select name="province">
                  <option value="">--选择--</option>
                  <option value="1">上海</option>
                  <option value="2">天津</option>
                  <option value="3" selected>陕西</option>
              </select><br>
        自我描述：<textarea name="222" cols="30" rows="3"></textarea>



        <input type="submit" value="登录">
        <input type="button" value="一个按钮"><br>
        <input type="image" src="1.png" width="120" height="20">
    </form>
</body>
</html>